<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Mídia Independente</title>
  

  <link href="https://fonts.googleapis.com/css?family=Playfair+Display:700,900" rel="stylesheet">
  <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
  <link href="/css/bootstrap-grid.css" rel="stylesheet">
  <link href="/css/bootstrap-reboot.css" rel="stylesheet">
  <link href="/css/bootstrap.css" rel="stylesheet">
  <link href="/css/default.css" rel="stylesheet">

  <!-- Esta tag serve para indicar que no topo aparecerá todas as tags <style> -->
  <!-- para habilitar esta tag, usar no app.js app.set('layout extractStyles', true) -->
  <%- style %>

</head>

<body> 

  <main class="container">

    <header class="blog-header py-3 mb-5">
      <% include ./parts/header %>
    </header>

    <%- body %>

  </main>


  <footer class="blog-footer">
    <% include ./parts/footer %>
  </footer>


  <script  src="/import/jquery/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

   
  <!-- Esta tag serve para indicar que no rodapé aparecerá tudo que usar a tag <script> -->
  <!-- para habilitar esta tag, usar no app.js app.set('layout extractScripts', true) -->
  <%- script %>

</body>
</html>